<h4>Step 1 --- Basics of the Control Panel, and themes</h4>
<h5>Overview</h5>
<p>In this section, you will first learn the basics of the Control Panel. Then, you will set up the general information of your site using <em>General Settings</em>, and then you will change themes, to alter the way the site looks.</p>

<h6>User Mode and Administration Mode</h6>

<p>There are two modes to your website, the <b>user mode</b> is that part of the site that is visible to the outside world, your users. This mode you're accessing now is the <b>administration mode</b>. The interface area in adminstration mode is called the <b>Control Panel</b> and it is this that you use to manage the site, to add modules, change themes and so on. </p>

<h5>The basic layout of the Control Panel</h5>

<h6>Left Column - Control Menus</h6>
<p>You use various menus to manage the site. See the left column. Each of these control menus belongs to a module. When you add a module, you will get a new control menu. This Help file is part of the <span class="highlight_module_name">Legacy System module</span> and hence the Legacy system control menu is currently expanded while the other menus are not.</p>
<p><img src="<{'abc_1st_sidemenu.png'|helpimage}>" /></p>

<p>You have already installed some modules during the installation stage, so there are some control menus in the left column. By default, the menu of the current module is expanded and menus of other modules are collapsed (hidden). Clicking the [+] icon will expand that menu but leave the main screen and other menus as they are. Clicking an item in a menu will close any other expanded menus, and take you to the item that you clicked on.</p><br clear=all />

<h6>Action Search</h6>
<p><img src="<{'abc_1st_actionsearch.png'|helpimage}>" /></p>
<p>You can find the <em>Action Search</em> box in the upper right-hand corner of the screen. This is a special search feature for administrators. By typing in keywords, you can search for the menu you are looking for. When you have forgotten which menu you need, try it!</p>

<p>For example --- if you have forgotten how to delete a user, input 'user'. The action search will give you some menu links.</p>

<h6>Other Links</h6>
<p>Just under the Action Search box you will find three quick links. </p>

<p><img src="<{'abc_1st_topmenu.png'|helpimage}>" /></p>

<dl>
  <dt>Control Panel Home</dt>
  <dd>Go to the top page of the Control Panel.</dd>

  <dt>Homepage</dt>
  <dd>Go to the top page of the user side (public side) without logging out.</dd>
  
  <dt>Logout</dt>
  <dd>Logout, and go to the top page of the user side (public side).</dd>
</dl>

<h5>First steps for your site (1) --- General Settings</h5>
<p>Well then, let's start building your site. Go to the user side of your site, look at the title of your site in your browser bar. 'XOOPS Cube Site - Just Use it' ---- You will agree, I'm sure, that it would be nice to change that to something more appropriate to your site's content.</p>

<p><img src="<{'abc_1st_defaultitle.png'|helpimage}>" /></p>

<p>You can change your basic general information like a title or a slogan in <em>General Settings</em>. Go to the general settings by clicking the menu of <span class="highlight_module_name">Legacy System module</span>.</p>

<p><img src="<{'abc_1st_clickgeneralsettings.png'|helpimage}>" /></p>

<p>There you will see a lot of items that can be configured, nearly 30 of them.</p>

<p><img src="<{'abc_1st_generalsettings.png'|helpimage}>" /></p>

<p>Here are just those that are important to getting you up and running, you can come back and look at the others in detail a bit later.</p>

<h6>Site name</h6>
<p>The name of your site.</p>

<h6>Slogan for your site</h6>
<p>The slogan of your site. This is good for a sub-title.</p>

<h6>Server timezone</h6>
<p>This is the timezone where your server is. It is of course possible that the installer has input the correct timezone but confirm it if you can. If you don't know much about timezones, keep the default value for now.</p>

<h6>Default timezone</h6>
<p>This is the default timezone for user registration. If your site is for New Yorkers, set this to 'Eastern Time'. The user's timezone can be changed by each user so this is not a must. If you don't know much about timezones, keep the default value or the same value as the server timezone for now.</p>

<h6>Debug mode</h6>
<p>XOOPS Cube Legacy has three debug modes to help site owners solve problems quickly. The installer set 'PHP Debug' as the default. You should keep the debug mode to 'PHP Debug' while you are building your site but change it to 'Off' once the site goes public.</p>

<h6>Turn your site off?</h6>
<p>If you want to hide your site while you're building it, then select 'Yes'. The site will then be closed and impossible to access except for those who are in privileged groups. In other words, all users will be greeted by the site closed message and a login. Anonymous users will have no access at all to your site. In Step Four of this Help file we will be looking at User administration and so for now, select "No" here.</p>

<h6>Submit!</h6>
<p>OK? Click on the 'Submit' button to confirm the site settings.</p>

<h5>First steps for your site (2) --- User Preferences</h5>
<p>Because XOOPS Cube Legacy aims to be a portal site, your site will be open to receive new user registrations right from the beginning. So, while you are setting things up, just in case, it is a good idea to stop user registration. To do so, you simply go to the preferences in the User module. In the left column, in the control menus, click the [+] icon by <span class="highlight_module_name">User Module</span>, and click <em>Preferences.</em></p>

<p><img src="<{'abc_1st_userpreference.png'|helpimage}>" /></p>

<p>Once again, you will see a lot of items to be configured. Most modules have configurable items and this is how you will set them to suit your needs.</p>

<h6>Allow new user registration?</h6>
<p>Choose 'No' to stop new user registration then click on the 'Submit' button.</p>

<h5>First steps for your site (3) --- Change your site's theme</h5>
<p>Click the homepage link in the upper right-hand corner of the screen, below the Action Search field. Note the look &amp; feel of your site is the same as that of xoopscube.org. In XOOPS Cube the look &amp; feel of a site is decided by <b>themes</b>. You can change your site to another different look &amp; feel simply by changing themes. All you will need is a new theme and an FTP client to upload the theme.</p>

<h6>Get new themes</h6>
<p>In XOOPS Cube Legacy, you can use XOOPS2 themes. A lot of designers publish cool themes on their sites that you can download. Visit <a href="http://xoopscube.org" target="_blank">xoopscube.org</a> and <a href="http://xoopscube.org/modules/pukiwiki/?XOOPSCubeLegacy%2FSiteBuild%2FThemeSite" target="_blank">Wiki</a> to get their URLs, and download your favorite themes. You may need decompression tools, because most themes are compressed in the same way that the XOOPS Cube Legacy package was. If you use WindowsXP or Mac OS X, it's easy to unzip theme archive files. So, now you should have a decompressed theme directory on your computer. This directory should include theme.html or package.ini.php. </p>

<h6>Upload themes to your site</h6>
<p>Upload the decompressed theme directory to the <b>/themes</b> directory under the root directory of your XOOPS Cube Legacy. Keep in mind the following directory tree. </p>

<p><img src="<{'abc_1st_themepath.png'|helpimage}>" /></p>

<p>Attention! A very common error is to upload an extra directory as the following shows. Note that in a clean installation, there are two theme directories already there; <b>default</b> and <b>cube_default</b>. Your new theme directory should be at the same level as these two.</p>

<p><img src="<{'abc_1st_themepath_miss.png'|helpimage}>" /></p>

<h6>Select your main theme</h6>
<p>Click 'Theme Management' in the control menu of the <span class="highlight_module_name">Legacy System module</span>.</p>

<p><img src="<{'abc_1st_thememanager.png'|helpimage}>" /></p>

<p>Choose the look &amp; feel of your site by clicking the 'select' button next to your favourite theme.</p>

<p><img src="<{'abc_1st_themeselection.png'|helpimage}>" /></p>

<h5>Summary</h5>
<p>You've just finished the first steps for your site. Your site has a name and an appropriate look &amp; feel. That's all good preparation for the next step. Plus, now you know how, you can change these settings anytime.</p>

<div align="right"><img src="<{'abc_index_arrow.png'|helpimage}>" style="vertical-align:-15px;" /> <a href="<{'abc_2nd.html'|helpurl}>">GO TO NEXT STEP</a></div>
